<template>
	<view class="logistics">
		<zhu-nav-bar title="物流追踪" bgColor="#fff" leftColor="#000" sizeColor="#111"></zhu-nav-bar>
		<view class="logistics-plate-1">
			<view class="content">
				<view class="top">
					<text>订单编号：</text>
					<text>121171213454</text>
				</view>
				<view class="btm">
					<text>快递公司：</text>
					<text>申通快递</text>
				</view>
			</view>
		</view>
		<view class="logistics-plate-2">
			<order-address address="陆** 186****1231 河南省郑州市金水区花园北路省直花园小区1单号楼1单元111" code="000000"></order-address>
		</view>
	</view>
</template>

<script>
	import zhuNavBar from '@/pages/components/zhuNavBar.vue'
	import orderAddress from '@/pages/components/orderAddress.vue'
	export default {
		data() {
			return {
				
			};
		},
		components: {
			zhuNavBar,
			orderAddress
		},
	}
</script>

<style lang="scss" scoped>
.logistics{
	width: 100vw;
	min-height: 100vh;
	background-color: #fff;
	.logistics-plate-1{
		padding-top: calc(88rpx + var(--status-bar-height));
		background-color: #fff;
		padding: calc(88rpx + var(--status-bar-height)) 30rpx 30rpx 30rpx;
		.content{
			height: 140rpx;
			display: flex;
			justify-content: center;
			flex-direction: column;
			border-bottom: 1rpx solid #eee;
			.top{
				margin-bottom: 28rpx;
				text:first-child{
					font-size: 28rpx;
					font-weight: 500;
					color: #333333;
				}
				text:last-child{
					font-weight: bold;
				}
			}
			.btm{
				text{
					font-size: 28rpx;
					font-weight: 500;
					color: #333333;
				}
			}
		}

	}
}
</style>
